[data-v-6292b9e4]:export {
    menuText: #7D8DA6;
    menuActiveText: #FFFFFF;
    subMenuActiveText: #FFFFFF;
    menuBg: #FFFFFF;
    menuHover: linear-gradient(90deg,#518BFF 0%,#0E5EFF 100%);
    subMenuBg: #fff;
    subMenuHover: linear-gradient(90deg,#518BFF 0%,#518BFF 100%);
    sideBarWidth: 248px
}

.banner[data-v-6292b9e4] {
    width: 100%;
    position: relative
}

.banner .banner-img[data-v-6292b9e4] {
    width: 100%
}

.banner .title[data-v-6292b9e4] {
    color: #f5f6f8;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.content[data-v-6292b9e4] {
    position: relative
}

.content[data-v-6292b9e4]:after {
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    width: 2px;
    height: 100%;
    background: #24C373;
    z-index: 1
}

.content .content-bg[data-v-6292b9e4] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1200px;
    height: 100%;
    transform: translate(-50%)
}

@media screen and (max-width: 640px) {
    .container[data-v-6292b9e4] {
        min-height:calc(100vh - 3.54rem);
        background: #0C0E15
    }

    .banner .banner-img[data-v-6292b9e4] {
        height: 2.56rem
    }

    .banner .title[data-v-6292b9e4] {
        font-size: .51rem
    }

    .content[data-v-6292b9e4] {
        padding: 0 .5rem;
        margin-bottom: .3rem
    }

    .content[data-v-6292b9e4]:after {
        width: .03rem;
        left: .5rem
    }

    .content .content-bg[data-v-6292b9e4] {
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 5.6rem;
        background: url(/assets/history-bg-34c19a72.png) no-repeat;
        background-size: 100% 100%;
        transform: translate(-50%)
    }

    .list[data-v-6292b9e4] {
        padding-left: .5rem;
        margin-top: .5rem
    }

    .list .list-item[data-v-6292b9e4] {
        box-sizing: border-box;
        position: relative;
        margin-bottom: .3rem
    }

    .list .list-item[data-v-6292b9e4]:after {
        position: absolute;
        display: block;
        content: "";
        width: .38rem;
        height: .38rem;
        background: url() no-repeat;
        background-size: 100% 100%;
        border-radius: 50%;
        top: 0;
        left: -.67rem;
        z-index: 2
    }

    .list .list-item .year[data-v-6292b9e4] {
        background: #24C373;
        font-size: .3rem;
        color: #fff;
        font-weight: 600;
        line-height: .5rem;
        min-width: 1.2rem;
        width: fit-content;
        padding: 0 .1rem;
        text-align: center
    }

    .list .list-item .white-box[data-v-6292b9e4] {
        margin-top: .2rem;
        width: 100%;
        background: #25272e;
        box-shadow: 0 20px 80px #000d3714;
        border-radius: .05rem;
        padding: .3rem;
        box-sizing: border-box
    }

    .list .list-item .white-box .label[data-v-6292b9e4] {
        font-size: .3rem;
        font-weight: 700;
        color: #24c373;
        display: flex
    }

    .list .list-item .white-box .label[data-v-6292b9e4]:before {
        display: block;
        content: "";
        width: .05rem;
        height: .28rem;
        background: #24C373;
        margin-right: .15rem;
        margin-top: .06rem
    }

    .list .list-item .white-box .desc[data-v-6292b9e4] {
        font-size: .25rem;
        color: #fff;
        font-weight: 400;
        line-height: .38rem;
        margin-top: .2rem
    }
}

@media screen and (min-width: 640px) {
    .content .content-bg[data-v-6292b9e4] {
        top:0;
        left: 0;
        width: 100%;
        height: 868px;
        background-size: 100% 100%;
        background: url(/assets/history-bg-34c19a72.png) no-repeat;
        transform: translate(0)
    }

    .banner .title[data-v-6292b9e4] {
        font-size: 54px
    }

    .list[data-v-6292b9e4] {
        margin: 70px 0
    }

    .list .list-item[data-v-6292b9e4] {
        width: 50%;
        box-sizing: border-box;
        position: relative
    }

    .list .list-item.right[data-v-6292b9e4] {
        left: 50%;
        padding-left: 70px
    }

    .list .list-item.right[data-v-6292b9e4]:after {
        left: -15px
    }

    .list .list-item.left[data-v-6292b9e4] {
        padding-right: 70px
    }

    .list .list-item.left[data-v-6292b9e4]:after {
        right: -15px
    }

    .list .list-item.left .year[data-v-6292b9e4],.list .list-item.left .white-box[data-v-6292b9e4] {
        margin-left: auto
    }

    .list .list-item[data-v-6292b9e4]:after {
        position: absolute;
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        background: url() no-repeat;
        background-size: 100% 100%;
        border-radius: 50%;
        top: 0;
        z-index: 2
    }

    .list .list-item .year[data-v-6292b9e4] {
        background: #24C373;
        font-size: 24px;
        color: #fff;
        font-weight: 600;
        line-height: 40px;
        min-width: 100px;
        width: fit-content;
        padding: 0 12px;
        text-align: center
    }

    .list .list-item .white-box[data-v-6292b9e4] {
        margin-top: 16px;
        max-width: 503px;
        background: #25272e;
        box-shadow: 0 10px 40px #000d3714;
        border-radius: 4px;
        padding: 20px;
        box-sizing: border-box
    }

    .list .list-item .white-box .label[data-v-6292b9e4] {
        font-size: 20px;
        font-weight: 700;
        color: #24c373;
        display: flex;
        align-items: center
    }

    .list .list-item .white-box .label[data-v-6292b9e4]:before {
        display: block;
        content: "";
        width: 4px;
        height: 22px;
        background: #24C373;
        margin-right: 16px
    }

    .list .list-item .white-box .desc[data-v-6292b9e4] {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        line-height: 26px;
        margin-top: 16px
    }
}

@media screen and (min-width: 1550px) {
    .content .content-bg[data-v-6292b9e4] {
        position:absolute;
        top: 0;
        left: 50%;
        width: 1200px;
        height: 100%;
        transform: translate(-50%)
    }
}
